/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航+大图*/
.header{width:100%;position: relative;background-image: url(../img/images/top_bg_02.png);background-size: cover;padding: 10px 0;}
.logo img{width:100%; max-width:450px; max-height:73px;}

.header_dianhua{line-height: 93px;}
.top_tul{display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;height: 100%;}
.top_tul li{background-position: left center;background-repeat: no-repeat;padding-left: 30px;font-size: 16px;color: #ffffff;}
.top_tul li:nth-child(2){margin-left: 30px; background-position:left 7px;}

.top_tul li p{ font-size:16px; line-height:30px; color:#fff; overflow:hidden;}
.top_tul li p em{ display:block; padding-left:81px;}
nav{background:#f5f5f5; position:relative; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{position:relative;}
.nav>li::after{width: 1px;height: 20px;background-color: #000000;display: block;content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.nav>li:nth-child(1)>a{padding: 0 80px 0 0;}
.nav>li:last-child>a{padding: 0 0 0 80px;}
.nav>li:last-child::after{display: none;}
.nav>li>a{width:100%; height:50px; line-height:50px; font-size:16px; color:#000000; text-align:center;display: block;padding: 0 85px; }
.nav>li:hover>a{color:#00b7ee;}
.nav>li>a.on{color:#00b7ee;}

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background:#f5f5f5;}
.nav_sub>dd{display:block;}
.nav_sub>dd>a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#000;}
.nav_sub>dd>a:hover{color:#00b7ee;}


.top_li dd{ position:relative;}
.top_li .div2 { width:150px; display:none; position:absolute; left:100%; top:0; z-index:999999; background:#f5f5f5;text-align:center;}
.top_li .div2 .div3{text-align:center;}
.top_li .div2 .div3 a{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#000;}
.top_li .div2 .div3 a.on{ color:#00b7ee; background:#;}
.top_li .div2 .div3:hover{ background:#; color:#00b7ee;}
.top_li .div2 .div3:hover a{ color:#00b7ee;}
.top_li dd:hover .div2{ display:block;}


/*.top_li .div2 { display:none; position:absolute; left:100%; top:0; }
.top_li .div2 .div3{ width:150px; height:28px; border-radius:10px; text-align:left;background:#1ea3f7; text-align:center; margin-bottom:5px;}
.top_li .div2 .div3 a{ color:#666; text-align:center; line-height:28px; font-size:14px;  color:#fff;}
.top_li .div2 .div3 a.on{ color:#fff; background:#00a0e9;}
.top_li .div2 .div3:hover{ background:#fff; color:#00a0e9;}
.top_li .div2 .div3:hover a{ color:#00a0e9;}
.top_li dd:hover .div2{ display:block;}*/


/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;}
/*圆点*/
.banner .swiper-pagination {opacity:0; position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px;  background:#706f6d; opacity:0.5; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#706f6d;}
.banner:hover .swiper-pagination{opacity:1;} 
/*箭头*/
.banner .next{right:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../img/bibeiimg/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../img/bibeiimg/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END-头部+导航+大图*/
.sec{display: block;overflow: hidden;width: 100%;padding: 25px 0;background-color: #f6f6f6;}
.search{width: 100%;position: relative;}
.search_t1{font-size: 30px;color: #000000;line-height: 30px;}
.search_t2{font-size: 20px;color: #636363;margin-top: 15px;padding-right: 105px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sear_btn{width: 105px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #0094E1;border-radius: 6px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.sear_btn a{color: #0094e1;}
/*首页内容*/
.cpzs{display: block;overflow: hidden;width: 100%;padding: 40px 10px 20px;}
.cpzs_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.cpzs_l{width: 290px;}
.cpzs_top{background-color: #fcfcfc;border: 1px solid #CCCCCC;}
.cpzs_tit{background-color: #0083d6;padding: 10px 0 10px 35px;}
.cpzs_t1{font-size: 30px;font-weight: lighter;color: #FFFFFF;line-height: 30px;}
.cpzs_t2{font-size: 36px;font-weight: bold;color: #FFFFFF;margin-top: 10px;text-transform: uppercase;}
.cpzs_t3{font-size: 30px;color: #FFFFFF;position: relative;padding-left: 75px;line-height: 30px;margin-top: 10px;}
.cpzs_t3::after{width: 70px;height: 1px;background-color: #FFFFFF;display: block;content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.cpzs_lul{width: 100%;}
.cpzs_lul li{padding: 0 15px;line-height: 36px;border-bottom: 1px solid #cccccc;}
.cpzs_lul li:last-child{border-bottom: transparent;}
.cpzs_lul li a{font-size: 15px;color: #666666;position: relative;padding-left: 20px;}
.cpzs_lul li a::after{width: 10px;height: 10px;display: block;content: "";background-color: #bfbfbf;position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(45deg);}
.cpzs_lul li:hover {background-color: #00a0e9;}
.cpzs_lul li:hover a{color: #FFFFFF;}
.cpzs_lul li:hover a::after{background-color: #FFFFFF;}


.about_ul{ overflow: hidden;width: 100%;}
.about_ul li{line-height: 36px;border-bottom: 1px solid #cccccc;}
.about_ul li:last-child{border-bottom: transparent;}
.about_ul li a{padding: 0 15px 0px 36px;display: block;font-size: 15px;color: #666666;position: relative;}
.about_ul li a em{width: 10px;height: 10px;display: block;content: "";background-color: #bfbfbf;position: absolute;left: 15px;top: 50%;transform: translateY(-50%) rotate(45deg);}

.about_ul li a:hover{background-color: #00a0e9; color:#fff;}
.about_ul li a:hover em{ background:#fff; color:#fff;}

.about_ul li.about_on a{}

.about_ul dl{ display:none}
.about_ul dl dd{ width:100%; text-align:left; border-bottom:1px dotted #CCCCCC;}
.about_ul dl dd a{ color:#666; text-align:center; line-height:34px; text-align:left; font-size:14px; text-indent:22px; height:34px;position: relative;}
.about_ul li dl dd a em{width: 10px;height: 10px;display: block;content: "";background-color: #bfbfbf;position: absolute;left: 38px;top: 50%;transform: translateY(-50%) rotate(45deg);}
.about_ul dl dd a:hover{ color:#fff; background:#00a0e9;}

.about_ul dl dd a:hover em{ color:#fff; background:#000;}
.about_ul dl dd a.on{ color:#fff; background:#00a0e9;}







/*.about_ul{ overflow: hidden;background: #fff;border-radius: 5px;padding: 12px;}
.about_ul li{padding: 5px 0;}
.about_ul li a{display: block; height: 44px;line-height: 44px;font-size: 18px;background: #ddd;color: #333;text-indent: 12px;border-radius: 5px;margin-bottom: 10px;}
.about_ul li a:hover{background: #009946;color: #fff;}
.about_ul li.about_on a{background: #009946;color: #fff;}

.about_ul dl{ display:none}
.about_ul dl dd{ width:100%; text-align:left; border-bottom:1px dotted #CCCCCC;}
.about_ul dl dd a{ color:#666; text-align:center; line-height:34px; text-align:left; font-size:14px; text-indent:22px; height:34px;}
.about_ul dl dd a:hover{ color:#009946; background:#f7f7f7;}
.about_ul dl dd a.on{ color:#009946; background:#f7f7f7;}



*/





.cpzs_btn{width: 110px;height: 36px;text-align: center;line-height: 36px;margin: 10px auto;background-color: #0083d6;}
.cpzs_btn a{color: #FFFFFF;font-size: 16px;}
.cpzs_r{width: calc(100% - 305px);}
.cpzs_ul{display: flex;display:-ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.cpzs_ul::after{width: 285px;content: "";}
.cpzs_ul li{width: 285px;margin-bottom: 20px;box-shadow: 0px 0px 15px 0 #CCCCCC;}
.cpzs_B{overflow: hidden;}
.cpzs_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 72%;transition: all 2s;}
.cpzs_p{line-height: 60px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 18px;color: #181818;border-top: 1px solid #CCCCCC;}
.cpzs_ul li:hover .cpzs_imgbg{transform: scale(1.2,1.2);}

.about{display: block;overflow: hidden;width: 100%;padding: 20px 10px 30px;}
.title{text-align: center;position: relative;}
.title_t{font-size: 116px;color: #f6f6f6;font-weight: bold;text-transform: uppercase;line-height: 90px;}
.title_tp{position: absolute;top: 70px;width: 100%;}
.title_p{font-size: 36px;color: #0083d6;position: relative;line-height: 36px;}
.title_p::after{width: 100px;height: 2px;background-color: #dcdcdc;display: block;content: "";position: absolute;left: 50%;transform: translateX(-50%);top: -30px;z-index: 999;}

.about_tab{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: center;flex-wrap: wrap;margin-top: 60px;}
.about_tab li{width: 240px;text-align: center;border-right: 1px solid #CCCCCC;}
.about_timg{background-image: url(../img/images/ab1_09.png);background-position: center;background-repeat: no-repeat;padding-top: 15%;}
.about_t1{font-size: 16px;color: #7c7c7c;}
.about_t2{font-size: 14px;color: #7c7c7c;text-transform: uppercase;}
.about_tab li:nth-child(2) .about_timg{background-image: url(../img/images/ab2.png);}
.about_tab li:last-child{border-right: transparent;}
.about_tab li:nth-child(3) .about_timg{background-image: url(../img/images/ab3_09.png);}
.about_tab li:nth-child(1):hover .about_timg{background-image: url(../img/images/ab1_h.png);}
.about_tab li:nth-child(2):hover .about_timg{background-image: url(../img/images/ab2_h_09.png);}
.about_tab li:nth-child(3):hover .about_timg{background-image: url(../img/images/ab3_h.png);}
.about_tab li:hover .about_t1{color: #0083d6;}
.about_tab li:hover .about_t2{color: #0083d6;}

.about_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.about_l{width: 490px;position: relative;padding-left: 20px;}
.about_img1{position: absolute;left: 0;top: -20px;}

.about_r{width: calc(100% - 535px);}
.about_rp{font-size: 16px;color: #7C7C7C;line-height: 37px;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 333px;}
.about_rp2{font-size: 24px;font-weight: bold;color: #0083d6;margin-top: 70px;}
.about_rbtn{width: 105px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #0094E1;border-radius: 6px;margin-top: 80px;}
.about_rbtn a{color: #0094e1;}

.serve{display: block;overflow: hidden;width: 100%;margin-top: 10px;background-image: url(../img/images/ser_bg_02.png);background-repeat: no-repeat;background-size: auto;}
.serve_topin{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;line-height: 230px;}
.serve_tll{font-size: 36px;color: #FFFFFF;}
.serve_trr{font-size: 105px;font-weight: bold;color: rgba(235,235,235,0.4);text-transform: uppercase;}
.serve_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 45px;}
.serve_ul li{width: 285px;margin-bottom: 10px;background-color: #f5f5f5;padding: 6px;border-radius: 16px;}
.serve_ul .space{width: 285px;height: 0;margin-bottom: 0;padding: 0;}
.serve_B{overflow: hidden;}
.serve_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 77%;transition: all 2s;}
.serve_p{text-align: center;padding: 10px 10px 5px;}
.serve_p1{font-size: 18px;color: #333333;line-height: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.serve_p2{font-size: 12px;color: #333333;padding-bottom: 5px;position: relative;line-height: 12px;margin-top: 20px;}
.serve_p2::after{width: 60px;height: 1px;display: block;content: "";background-color: #CCCCCC;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.serve_ul li:hover .serve_imgbg{transform: scale(1.2,1.2);}
.serve_ul li:hover .serve_p1{color: #0094E1;}
.serve_ul li:hover .serve_p2{color: #0094E1;}

.serve_btn{width: 110px;height: 36px;text-align: center;line-height: 36px;margin: 20px auto 30px;background-color: #0083d6;}
.serve_btn a{color: #FFFFFF;font-size: 16px;}

.hz{display: block;overflow: hidden;width: 100%;padding: 20px 10px 50px;background-image: url(../img/images/hz_bg_02.png);background-size: cover;}
.hz .title_t{color: rgba(235,235,235,0.4);}
.hz .title_tp{top: 50px;}
.hz .title_p{color: #0083d6;}
.hz .title_p::after{background-color: #0083d6;}
.hz_m{width: 100%;position: relative;margin-top: 40px;}
.hz_B{overflow: hidden;background-color: #FFFFFF;}
.hz_imgbg{background-position: center;background-repeat: no-repeat;background-size: contain;padding-top: 44%;transition: all 2s;}
.hz_m .swiper-slide:hover .hz_imgbg{transform: scale(1.2,1.2);}
.hz-next,.hz-prev{width: 40px;height: 40px;font-size: 30px;text-align: center;line-height: 40px;color: #FFFFFF;background-color: #0083D6;position: absolute;top: 50%;transform: translateY(-50%);font-family: "宋体";border-radius: 20px;}
.hz-next{right: -60px;}
.hz-prev{left: -60px;}

.news{display: block;overflow: hidden;width: 100%;padding: 80px 10px 70px;}
.news_m{margin-top: 40px;}
.news_one{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.news_l{width: 50%;position: relative;}
.news_l .news_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 54%;}
.news_imgp{font-size: 16px;color: #FFFFFF;position: absolute;top: 15px;left: 20px;z-index: 99999;}
.news_r{width: 50%;}
.news_ul{width: 100%;background-color: #0068b7;}
.news_ul li{width: 100%;padding: 15px 0;border-bottom: 1px solid #CCCCCC;}
.news_ul li a{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.news_rl{width: 80px;text-align: center;border-right: 1px solid #CCCCCC;}
.news_rl1{font-size: 22px;font-weight: bold;color: #f6f6f6;line-height: 22px;margin-top: 20px;}
.news_rl2{font-size: 16px;color: #f6f6f6;line-height: 16px;margin-top: 10px;}
.news_rr{width: calc(100% - 95px);padding: 15px 0 6px;}
.news_rrt{font-size: 16px;color: #f6f6f6;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_rrp{font-size: 12px;color: #f6f6f6;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;line-height: 20px;margin-top: 10px;height: 40px;}
.news_ul li:nth-child(1){padding: 0 0 16px;}
.news_ul li:last-child{padding: 15px 0 0;border-bottom: transparent;}

.news_two{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.news_two .news_ul{background-color: #00a0e9;}

.mess{display: block;overflow: hidden;width: 100%;padding: 80px 10px 75px;background-image: url(../img/images/mess_bg_02.png);background-size: cover;position: relative;}
.mess::after{width: 50%;height: 100%;background-color: rgba(14,119,189,0.8);
position: absolute;top: 0;left: 0;display: block;content: "";z-index: 1;}
.mess::before{width: 50%;height: 100%;background-color: rgba(57,170,221,0.8);
position: absolute;top: 0;right: 0;display: block;content: "";z-index: 1;}
.mess_m{position: relative;z-index: 9999;}
.mess_k{width: 80px;height: 10px;background-color: #FFFFFF;margin: 0 auto;}
.mess_tit{text-align: center;font-size: 28px;font-weight: bold;color: #f6f6f6;line-height: 28px;margin-top: 30px;}
.mess_p{text-align: center;font-size: 16px;color: #f6f6f6;line-height: 40px;margin-top: 30px;}
.mess_btn{width: 130px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #FFFFFF;background-color: #0083d6;margin: 40px auto 0;border-radius: 6px;}
.mess_btn a{color: #f6f6f6;font-size: 18px;}

.footer{display: block;overflow: hidden;width: 100%;padding: 50px 10px 30px;background-color: #f6f6f6;}
.f_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.f1{width: 140px;}
.f_tit{font-size: 18px;color: #0e0e0e;padding-bottom: 10px;position: relative;}
.f_tit::after{width: 140px;height: 1px;background-color: #CCCCCC;display: block;content: "";position: absolute;bottom: 0;left: 0;z-index: 1;}
.f_tit::before{width: 75px;height: 1px;background-color: #0083d6;display: block;content: "";position: absolute;bottom: 0;left: 0;z-index: 99;}
.f1_ul{margin-top: 20px;width: 100%;}
.f1_ul li{width: 100%;margin-bottom: 20px;line-height: 14px;}
.f1_ul li a{font-size: 14px;color: #0e0e0e;}
.f1_ul li:hover a{color: #23743A;}

.f2{width: 140px;}
.f2_ul{margin-top: 20px;width: 100%;}
.f2_ul li{width: 100%;margin-bottom: 20px;line-height: 14px;}
.f2_ul li a{font-size: 14px;color: #0e0e0e;}
.f2_ul li:hover a{color: #23743A;}

.f3{width: 140px;}
.f3_ul{width: 100%;margin-top: 20px;}
.f3_ul li{width: 100%;margin-bottom: 20px;line-height: 14px;}
.f3_ul li a{font-size: 14px;color: #0e0e0e;}
.f3_ul li:hover a{color: #23743A;}


.f4_p{font-size: 14px;color: #0e0e0e;line-height: 35px;margin-top: 10px;}

.f5{width: 270px;}
.f5_xq{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.f5_img img{max-width: 100%;}
.f5_p{text-align: center;color: #0e0e0e;font-size: 18px;}

.bottom{font-size: 18px;color: #ffffff;background-color: #0083d6;line-height: 65px;text-align: center;}
/* 产品中心 */
.proner{display: block;overflow: hidden;width: 100%;padding: 40px 10px;}
.proner_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.proner_l{width: 290px;}
.proner_bo{border: 1px solid #CCCCCC;border-top: transparent;}
.proner_tit{padding:0 0 0 35px;position: relative;background-color: #0094E1;}
.proner_tit .cpzs_t3{margin-top: 0;line-height: 80px;}
.proner_bop{font-size: 16px;color: #545454;padding: 20px;line-height: 30px;}
.proner_r{width: calc(100% - 305px);}
.proner_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.proner_ul::after{width: 32%;content: "";}
.proner_ul li{width: 32%;margin-bottom: 20px;box-shadow: 0px 0px 15px 0 #CCCCCC;}
.proner_B{overflow: hidden;}
.proner_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 72%;transition: all 2s;}
.proner_p{line-height: 60px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 18px;color: #181818;border-top: 1px solid #CCCCCC;}
.proner_ul li:hover .proner_imgbg{transform: scale(1.2,1.2);}
/* 关于我们 */
.abner_p{font-size: 16px;color: #7C7C7C;line-height: 30px;}
/*新闻资讯*/
.newsner_ul{display:block; overflow:hidden;}
.newsner_ul li{display:block; overflow:hidden; padding: 10px 0;border-bottom: 1px dashed #CCCCCC;}
.newsner_ul li a{display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden;justify-content: space-between;}
.newsner_ul li a .xw_img{width:170px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.newsner_ul li a .xw_R{width:calc(100% - 185px); float:left; color:#363636; }
.newsner_ul li a .xw_R .xw_p{display:block; overflow:hidden; line-height:13px; font-size:13px;text-overflow:ellipsis; white-space: nowrap;color: #333333;}
.newsner_ul li a .xw_R .xw_txt{display:block; overflow:hidden; line-height:26px; font-size:11px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:10px;height: 78px;color: #7d7d7d;}
.newsner_ul li a .xw_R .xw_sp{margin-top:15px;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;line-height: 20px;}
.newsner_ul li a .xw_R .xw_sp .xw_pl{font-size: 14px;color: #9a9a9a;}
.newsner_ul li a .xw_R .xw_sp .xw_pr{width: 72px;height: 20px;background-color: #00a0e9;color: #FFFFFF;text-align: center;line-height: 20px;border-radius: 10px;font-size: 14px;font-size: 11px;}
.newsner_ul li a:hover .xw_R .xw_p{color: #007AFF;}

.xwxq_tit{text-align: center;line-height: 30px;font-size: 20px;color: #131313;}
.xwxq_img{text-align: center;margin-top: 10px;}
.xwxq_img img{max-width: 100%;}
.xwxq_p{font-size: 14px;color: #131313;line-height: 30px;margin-top: 10px;}
.xwxq_p img{max-width: 100%;height:auto;}
/* 产品详情 */
.cpxq{padding: 0 0 100px;}
.cpxq_top{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.cpxq_l{width: 285px;box-shadow: 0 0 10px 0 #CCCCCC;}
.cpxq_limg{background-position: center;background-size: cover;background-repeat: no-repeat;padding-top: 77%;}
.cpxq_r{width: calc(100% - 325px);}
.cpxq_rul{width: 100%;}
.cpxq_rul li{font-size: 18px;color: #181818;margin-bottom: 25px;line-height: 18px;}
.cpxq_rul li:last-child{margin-bottom: 0;}
.cpxq_rbtn{width: 100px;height: 36px;text-align: center;line-height: 36px;border-radius: 6px;background-color: #00a0e9;margin-top: 30px;}
.cpxq_rbtn a{color: #FFFFFF;font-size: 18px;}

.cpxq_pj{margin-top: 30px;}
.cpxq_tit{font-size: 18px;color: #00a0e9;position: relative;padding-bottom: 16px;border-bottom: 1px solid #CCCCCC;padding-left: 16px;}
.cpxq_tit::after{width: 3px;height: 25px;background-color: #00a0e9;display: block;content: "";position: absolute;left: 0;top: 0;}
.cpxq_pjp{font-size: 14px;color: #818181;line-height: 30px;margin-top: 10px;}

.cpxq_cp{margin-top: 20px;}
.cpxq_img{text-align: center;margin-top: 50px;}
.cpxq_img img{text-align: center;max-width: 100%;}

.cpxq_zp{margin-top: 20px;}
.cpxq_zpp{font-size: 18px;color: #000000;line-height: 40px;margin-top: 16px;padding-left: 5px;}

.cpxq_xl{margin-top: 20px;}
.cpxq_xlp{font-size: 18px;color: #000000;line-height: 40px;margin-top: 16px;padding-left: 5px;}
/* 联系我们 */
.conner_p{font-size: 14px;color: #0e0e0e;line-height: 35px;}
.map{width: 100%;height: 400px;}
.map iframe{width: 100%;height: 100%;border: transparent;}
/* 应用领域 */
.serve_ner{display: block;overflow: hidden;width: 100%;position: relative;}
.serve_top{display: block;overflow: hidden;width: 100%;background-image: url(../img/images/servener_1_02.png);background-size: cover;}
.serve_title{width: 350px;margin: 10px auto;background-image: url(../img/images/serve_tit_03.png);background-position: left center;background-repeat: no-repeat;padding-left: 115px;}
.ser_tit1{font-size: 22px;color: #797979;line-height: 22px;}
.ser_tit2{font-size: 30px;font-weight: bold;color: #009afc;line-height: 30px;margin-top: 5px;}

.serve_jb{width: 100%;display: flex;display: -ms-flexbox;display: -webkit-flex;margin-top: 35px;}
.jb_l{line-height: 86px;width: 50%;background-color: #00a0e9;text-align: right;font-size: 30px;color: #ffffff;border-radius: 30px 43px 43px 30px;background-image: url(../img/images/ya_jb_03.png);background-repeat: no-repeat;background-position: right center;padding-right: 80px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.jb_r{text-align: left;line-height: 43px;padding-left: 20px;font-size: 20px;color: #1e1e1e;position: relative;width: 50%;}
.jb_r::after{display: block;content:"";content: "";width: 100%;height: 1px;background-color: #009afc;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.jb_r span{font-size: 24px;font-weight: bold;color: #009afc;}

.servener_xq{margin-top: 20px;}
.serve_one{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;height: 260px;}
.servener_l{width: 580px;}
.serner_topt{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.servener_tl{width: 100px;height: 98px;font-size: 60px;font-weight: bold;color: #ffffff;background-color: #009afc;border-radius: 10px;text-align: center;line-height: 98px;position: relative;}
.servener_tl::after{width: 70px;height: 2px;display: block;content: "";position: absolute;background-color: #FFFFFF;bottom: 10px;left: 50%;transform: translateX(-50%);}
.servener_tr{width: calc(100% - 120px);border-bottom: 1px solid #CCCCCC;}
.servener_tr1{font-size: 30px;font-weight: bold;color: #009afc;line-height: 30px;margin-top: 10px;}
.servener_tr2{font-size: 21px;color: #6d6d6d;line-height: 21px;margin-top: 10px;}
.serve_topp{font-size: 18px;color: #434343;line-height: 34px;margin-top: 10px;}
.servener_r{width: calc(100% - 590px);}
.serner_img img{max-width: 100%;}

.serve_two{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;height: 350px;}
.serve_two .servener_l{margin-top: 30px;}

.serner_2{display: block;overflow: hidden;width: 100%;background-image: url(../img/images/serve_bg2_02.png);background-size: cover;}
.serner_three{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 45px;height: 420px;}
.serner_three .serner_thl{margin-top: 30px;}
.serner_main{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.serner_thl{width: 640px;margin-top: 30px;}
.serner_thlt{width: 100px;height: 98px;font-size: 60px;font-weight: bold;color: #0068b7;background-color: #FFFFFF;border-radius: 10px;text-align: center;line-height: 98px;position: relative;}
.serner_thlt::after{width: 70px;height: 2px;display: block;content: "";position: absolute;background-color: #0068b7;bottom: 10px;left: 50%;transform: translateX(-50%);}
.serner_thrt{width: calc(100% - 120px);border-bottom: 1px solid #CCCCCC;}
.serner_thl1{font-size: 30px;font-weight: bold;color: #FFFFFF;line-height: 30px;margin-top: 10px;}
.serner_thl2{font-size: 21px;color: #FFFFFF;line-height: 21px;margin-top: 10px;}
.serner_mainp{font-size: 18px;color: #FFFFFF;line-height: 36px;margin-top: 10px;}
.serner_thr{width: calc(100% - 680px);}
.serner_img img{max-width: 100%;}

.serner_four{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;height: 280px;margin-top: -85px;}
.serner_four .serner_img{margin-top: -100px;}
.serner_four .serner_thl{margin-top: 0;}

.serner_3{display: block;overflow: hidden;width: 100%;background-image: url(../img/images/servener_1_02.png);background-size: cover;}
.serve_five{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;height: 405px;margin-top: 30px;}

.serve_six{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;height: 350px;margin-top: -125px;}
.serve_six .servener_l{margin-top: 60px;}

.serner_seven{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;height: 400px;}
.serner_seven .serner_thl{margin-top: 50px;}

.serner_eight{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;height: 300px;}
.serner_eight .serner_img{margin-top: -140px;}
.serner_eight .serner_thl{margin-top: 0;}

.serve_nine{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;height: 350px;margin-top: 30px;}
@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:25px 1%;}
nav{padding:0 1%;}
.nav>li{width: 16.66666666666667%;padding: 0;}
.nav>li>a{padding: 0;}
.nav>li:nth-child(1){padding: 0;}
.nav>li:last-child{padding: 0;}
/*END-头部+导航*/
/*首页内容*/
.serve{background-size: contain;}
.serve_tll{padding-left: 100px;}
.serve_trr{font-size: 70px;}
.serve_topin{line-height: 130px;}
.serve_ul{margin-top: 0;}
.serve_ul li{width: 24%;}
.serve_ul .space{width: 24%;}

.cpzs_ul li{width: 32%;}

.hz_ul li{width: 19%;}
.hz_ul .space{width: 19%;}

.news_l .news_imgbg{padding-top: 64.5%;}


/* 应用领域 */
.serner_four{margin-top: -60px;}
.serner_four .serner_img{margin-top: 0;}

.serner_eight{margin-top: -60px;}
.serner_eight .serner_img{margin-top: 0;}

}

@media (max-width:991px){
/*头部+导航*/
.icon-menu span{width:100%; height:6px; float:left;  background:#FFFFFF;}

.topbox{padding:0 10px;}
.header{padding:0;position:relative; left:0; top:0; z-index:999999;}
.logo {width:100%; padding:10px 10px;}

.nav {display:none; width:150px;position:absolute; right:10px; top:0;background-color: #FFFFFF;}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none;}
.icon-menu{float:right; cursor:pointer; width:40px; height:30px; display:flex; flex-wrap:wrap; align-content:space-between; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%;}
.nav>li::after{display: none;}
.nav>li>a{width:100%; text-align:center; height:40px; line-height:40px;}
.nav>li:nth-child(1)>a{padding: 0;}
.nav>li:last-child>a{padding: 0;}
/*END-头部+导航*/

/*首页内容*/
.serve_topin{line-height: 100px;}
.serve_trr{font-size: 50px;}

.title_t{font-size: 80px;}

.news_l .news_imgbg{padding-top: 86.5%;}

.bottom{line-height: 30px;}
/* 资讯动态 */
.newsner_ul li a .xw_img{width:200px;}
.newsner_ul li a .xw_R{width:calc(100% - 200px); padding:15px;}
.newsner_ul li a .xw_R .xw_txt{margin-top:10px;}
.newsner_ul li a .xw_R .xw_sp{margin-top:10px;}
/* 应用领域 */
.serve_one{height: auto;}
.servener_l{width: 100%;}
.servener_r{width: 100%;text-align: center;}
.serve_two{height: auto;}

.serner_three{height: auto;}
.serner_thl{width: 100%;}
.serner_thr{width: 100%;text-align: center;}
.serner_four{height: auto;}

.serve_five{height: auto;}

.serve_six{height: auto;}

.serner_seven{height: auto;}

.serner_eight{height: auto;}

.serve_nine{height: auto;}
}

@media (max-width:767px){
/*头部+导航*/
.logo {padding:10px;}
.logo img{width:80%;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}
/*END-头部+导航*/

/*首页内容*/
.sec{padding: 10px 0;}
.search_t1{font-size: 18px;}
.search_t2{font-size: 16px;}

.cpzs{padding: 10px 10px 0;}
.cpzs_tit{padding: 0;}
.cpzs_t3{line-height: 50px; text-align:left; background:url(../img/bibeiimg/sj_jiantou.png) no-repeat right center #0083D6; background-size:auto,cover; font-size:18px; padding-left:20px;margin-top: 0;}
.cpzs_t3::after{display: none;}
.cpzs_l{width: 100%;}
.cpzs_r{width: 100%;margin-top: 10px;}
.cpzs_ul li{width: 49%;margin-bottom: 10px;}
.cpzs_p{font-size: 14px;line-height: 30px;}

.about{padding: 10px;}
.title_tp{position: relative;top: 0;}
.title_t{display: none;}
.title_p{font-size: 20px;line-height: 20px;}
.about_tab{margin-top: 10px;justify-content: space-between;}
.about_tab li{width: 30%;border-right: transparent;}
.about_timg{padding-top: 32%;}
.about_m{margin-top: 10px;}
.about_l{width: 100%;padding-left: 0;}
.about_img1{position: relative;top: 0;}
.about_img1 img{max-width: 100%;}
.about_r{width: 100%;}
.about_rp2{font-size: 18px;margin-top: 5px;}
.about_rbtn{margin-top: 15px;}

.serve_topin{line-height: 48px;}
.serve_tll{width: 100%;text-align: center;font-size: 20px;padding-left: 0;}
.serve_ul li{width: 49%;margin-bottom: 10px;}
.serve_p2{margin-top: 10px;}
.serve_btn{margin: 0 auto 10px;}

.hz{padding: 10px 10px;}
.hz .title_tp{top: 0;}
.hz_m{margin-top: 10px;}

.news{padding: 10px;}
.news_l{width: 100%;}
.news_r{width: 100%;}
.news_l .news_imgbg{padding-top: 54%;}
.news_ul li{padding: 0;}
.news_ul li:nth-child(1){padding: 0;}
.news_ul li:last-child{padding: 0;}

.mess{padding: 10px;}
.mess_tit{font-size: 20px;margin-top: 0;line-height: 20px;}
.mess_p{margin-top: 10px;line-height: 26px;font-size: 13px;}
.mess_btn{margin: 10px auto 0;}

.bottom{font-size: 14px;}
/* 产品中心 */
.proner{padding: 10px;}
.proner_l{width: 100%;}
.proner_r{width: 100%;margin-top: 10px;}
.proner_ul li{width: 49%;margin-bottom: 10px;}
.proner_p{font-size: 14px;line-height: 30px;}
/* 资讯动态 */
.newsner_ul li{padding: 10px 0;}
.newsner_ul li a .xw_img{width:100px;}
.newsner_ul li a .xw_R{width:calc(100% - 110px); padding:5px;}
.newsner_ul li a .xw_R .xw_txt{margin-top:2px;}
.newsner_ul li a .xw_R .xw_p{font-size: 14px;line-height: 20px;}


.xwxq_tit{font-size: 18px;}
.xwxq_img{margin-top: 10px;}
.xwxq_p{margin-top: 0px;line-height: 24px;}
/* 产品详情 */
.cpxq{padding: 0 0 40px;}
.cpxq_l{width: 100%;}
.cpxq_r{width: 100%;margin-top: 10px;}
.cpxq_rul li{margin-bottom: 10px;font-size: 14px;}
.cpxq_rbtn{margin-top: 10px;}

.cpxq_pj{margin-top: 10px;}

.cpxq_cp{margin-top: 10px;}
.cpxq_img{margin-top: 10px;}

.cpxq_zp{margin-top: 10px;}
.cpxq_zpp{margin-top: 10px;line-height: 30px;font-size: 14px;}

.cpxq_xl{margin-top: 10px;}
.cpxq_xlp{margin-top: 10px;line-height: 30px;font-size: 14px;}

/* 应用领域 */
.servener_xq{margin-top: 10px;padding: 0 10px;}
.servener_tl{width: 60px;height: 60px;line-height: 60px;font-size: 30px;}
.servener_tl::after{width: 40px;bottom: 5px;}
.servener_tr{width: calc(100% - 70px);}
.servener_tr1{font-size: 18px;margin-top: 0;}
.servener_tr2{font-size: 12px;margin-top: 0;}
.serve_topp{font-size: 14px;line-height: 26px;}

.serve_two .servener_l{margin-top: 0;}

.serner_2{padding: 0 10px;}

.serner_three{margin-top: 0;}
.serner_three .serner_thl{margin-top: 10px;}
.serner_thlt::after{width: 40px;bottom: 5px;}
.serner_thlt{width: 60px;height: 60px;line-height: 60px;font-size: 30px;}
.serner_thl1{font-size: 18px;margin-top: 0;}
.serner_thl2{font-size: 12px;margin-top: 0;}
.serner_thrt{width: calc(100% - 70px);}
.serner_mainp{font-size: 14px;line-height: 26px;}

.serner_3{padding: 0 10px;}
.serve_five{margin-top: 10px;}

.serve_six{margin-top: 0;}
.serve_six .servener_l{margin-top: 0;}

.serner_seven{margin-top: 10px;}
.serner_seven .serner_thl{margin-top: 0;}

.serner_eight{margin-top: -30px;}

.serve_nine{margin-top: 10px;}

.xwxq_p img{max-width: 100% !important;height:auto !important;}
}
/*手机底部*/
.root_kong{width:100%; height:62px; float:left; background:#fff;}
.root{width:100%; height:60px; position:fixed; bottom:0; left:0; z-index:9999999999999; background:#CCCCCC;}
.root a{width:25%; float:left; height:60px; display:flex; align-content:center; align-items:center; flex-wrap:wrap; justify-content:center; line-height:20px; color:#fff; border-right:1px solid #fff; font-size:12px; font-weight:normal;}
.root a>div{width:100%; float:left;}
.root a>div:first-child span{ font-size:20px;}
.root a:last-child{border:none;}
.root a:hover{background:#009AFC; color:#fff;}

.dbbox{ position: fixed; left: 0; bottom:65px; z-index:99999; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none; text-align:center;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #389e2e;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/